<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册百度账号</title>
    <link rel="stylesheet" href="./baiduzhuce.css">
    <link rel="icon" href="/WebStudy/recourse/image/baidupicture.ico">
</head>

<body>
    <div class="background">
        <div class="background-logo">
            <img src="./recourse/image/baidu1.png" alt="">
        </div>

        <div class="background-login">
            <div class="background-login-head">
                <h3>欢迎注册</h3>
                <p style="color: #9b9b9b;">已有账号？<a href="">登录</a></p>
            </div>
            <div class="background-login-body">
                <form action="">
                    <p class="background-login-body-p">
                        <label for="username" class="background-login-body-key">用户名</label>
                        <input type="text" id="username" value="请设置密码" class="background-login-body-value">
                    </p>

                    <p class="background-login-body-p">
                        <label for="phone" class="background-login-body-key">手机号</label>
                        <input type="text" id="phone" value="可用于登录和找回密码" class="background-login-body-value">
                    </p>

                    <p class="background-login-body-p">
                        <label for="password" class="background-login-body-key">密&nbsp;&nbsp;&nbsp;码</label>
                        <input type="text" name="password" id="password" value="请设置登录密码"
                            class="background-login-body-value">
                    </p>
                    <p class="background-login-body-p">
                        <label for="code" class="background-login-body-key">验证码</label>
                        <input type="text" value="请输入验证码" class="background-login-body-code">
                        <input type="button" value="获取验证码" class="background-login-body-button">
                    </p>

                    <p style="padding-top: 20px; padding-left: 40px;">
                        <input type="button" value="注册" class="background-login-submit">
                    </p>
                    <p class="background-login-foot">
                        <input type="radio">阅读并接受&laquo;<a href="">百度用户协议</a>&raquo;及&laquo;<a
                            href="">百度隐私权保护声明</a>&raquo
                    </p>
                </form>
            </div>

        </div>

        <h3 class="background-h3">用科技</h3>
        <p class="background-p">让复杂的世界更简单</p>
    </div>
</body>

<footer>
    <div class="footer">
        <span style="font-size: 14px; color: #cfd5dd;">
            <a href="" style=" color: #cfd5dd">帮助中心</a>
            <span style="margin:12px">|</span>
            <a href="">
                <img src="/WebStudy/recourse/image/kefu.png" height="16px" width="16px" alt="">
            </a>
        </span>
        <span style="font-size: 12px; color: #979ba3; margin-left: 20px;">2022 &copy;Baidu</span>
    </div>
</footer>



</html>